<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文档列表 </title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });
  
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
  $(".tip").fadeOut(100);
});

});
</script>


</head>


<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#">文件列表</a></li>
    </ul>
    </div>
    
    <div class="rightinfo">
    
    <div class="tools">
    
    	<ul class="toolbar">
            <li><span><img src="images/t01.png" /></span><a href="upload.jsp">上传</a></li>
            <li><span><img src="images/t03.png" /></span>删除</li>
        </ul>
        
        
        <ul class="toolbar1">
        <li><span><img src="images/t05.png" /></span>设置</li>
        </ul>
    
    </div>
    
    
    <table class="tablelist">
    	<thead>
    	<tr>
        <th><input name="" type="checkbox" value="" checked="checked"/></th>
        <th>编号<i class="sort"><img src="images/px.gif" /></i></th>
        <th>文件名</th>
        <th>类型</th>
        <th>作者</th>
        <th>操作</th>
        </tr>
        </thead>
        <tbody>
<c:forEach  items="${list}" var="docs" varStatus="status">
     <tr>
         <td><input name='' type='checkbox' value='' /></td>
         <td>${status.index + 1}</td>
         <td>${docs.getTitle()}</td>
         <td>${docs.getType()}</td>
         <td>${docs.getAuthor()}</td>
         <td><a class='tablelink' href='docsDown?id=${docs.getId()}'>下载</a>   <a class='tablelink' href='docsDel?id=${docs.getId()}'>删除</a></td>
     </tr>
</c:forEach>         

       
        </tbody>
    </table>
    
   
    <div class="pagin">
    	<div class="message">共<i class="blue">${pageInfo.getTotal()}</i>条记录，当前显示第&nbsp;<i class="blue">${pageInfo.getPages()}&nbsp;</i>页</div>
        <ul class="paginList">
        <li class="paginItem"> <a href = "docsSearch?page=1">首页</a> </li>
        <li class="paginItem"><a href="docsSearch?page=${pageInfo.pageNum-1 }">«</a></li>
            <c:forEach begin="1" end="${pageInfo.getPages()}" step="1" var="pageNo">
                <li class="paginItem"><a href="docsSearch?page=${pageNo}">${pageNo}</a></li>
            </c:forEach>
        <li class="paginItem"><a href="docsSearch?page=${pageInfo.pageNum+1}">»</a></li>
        <li class="paginItem"> <a href ="docsSearch?page=${page.pages }">尾页</a> </li>

        </ul>
    </div>

    </div>
    
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>
</body>
</html>
